<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{$menus[0]['name']}</title>
	<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="cleartype" content="on">
    <meta name="MobileOptimized" content="320">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="/public/addon/pstyle/css/test.css">
	  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/add.css">
    <link rel="stylesheet" href="/public/addon/pstyle/css/index.css">
    <style>
      .slideout-menu { left: auto; }
      .btn-hamburger { left: auto; right: 12px;}
      .box { height: 1500px; }
	  .plan h1,.plan h2,.plan h3,.plan h4,.plan h5,.plan h6{font-size: 0.6rem;text-align: left;color: #333;overflow: hiddenmargin: 0.75rem 0rem 0.25rem;padding-left: 0.25rem;border-left: 0.125rem solid #31598d;}
	  .plan ul li p{color: #545454;font-size: 0.6rem;margin: 0px;line-height: 1rem;text-indent: 1.25rem;text-align: left;}
	</style>
	<script type="text/javascript" src="/public/addon/pstyle/js/jquery-1.8.2.min.js"></script>
  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/bootstrap.min.css">
  <script type="text/javascript" src="/public/addon/pstyle/js/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="/public/addon/pstyle/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/home.css">
  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/common.css">
</head>
<body>
<nav id="menu" class="menu">
    <div class="new">{$menu[0]['name']}</div>
    <ul class="new_list">
	<volist name="list" id="list">
      <li class="list_is">
        <a href="__APP__/Stage/Phone/About/form_id/{$list['id']}.html">
          <img src="{$list['img']}">
          <div>{$list['name']}</div>
        </a>
      </li>
     </volist>
    </ul>

</nav>
<main id="panel" class="panel" style="margin:0px;">
<!-- 头部 -->
  <header class="panel-header head">
		 <a href="__APP__/Stage/Phone/Index.html">
        <img src="/public/addon/pstyle/img/return.png" class="return">
      </a>
      {$form['name']}
      <img src="/public/addon/pstyle/img/cemian.jpg"  class="btn-hamburger js-slideout-toggle side">
  </header>
  <div class="head_bottom"></div>
  <if condition="$form_id neq 231">
  <div>
	<if condition = "$list_new['img'] neq null">
	 <img src="{$list_new['img']}" class="banne">
	</if>
	 <div class="plan">
    <section>
	{$list_new.value}
	</section>
	</div>
  </div>
  <else/>
    <form action="" method="post">
      <div class="contactus">
        <ul class="contactus-ul">
            <li>
                <textarea name="value" id="value" cols="40" rows="8" placeholder="请在此输入留言内容，我们会尽快与您联系（必填）"></textarea>
            </li>
            <li class="concact-user">
                <label for=""></label>
                <input type="text" id="name" name="name" placeholder="姓名">
            </li>
            <li class="concact-nodephone">
                <label for=""></label>
                <input type="text" id="intro" name="intro" placeholder="电话（必填）">
            </li>
            <li class="concact-nodelocation">
                <label for=""></label>
                <input type="text" id="author" name="author" placeholder="QQ">
            </li>
			<li class="concact-nodemail">
                <label for=""></label>
                <input type="text" id="description" name="description" placeholder="邮箱">
            </li>
            <li>
                <input type="submit" value="发送">
            </li>
        </ul>
      </div>
  </form>
  </if>
  <!-- 底部 -->
  <div class="bottom_top"></div>
  <div class="bottom">
    <ul class="bottom_list">
     <li>
        <a href="__APP__/Stage/Phone/about.html">
		<img src="/public/addon/pstyle/images/gjmh_15.png">
          <!-- <img src="/public/addon/pstyle/img/22.png"> -->
          <div class="more_is">{$menu[0]['name']}</div>
        </a>
      </li>
      <li>
         <a href="__APP__/Stage/Phone/New_list.html">
          <img src="/public/addon/pstyle/images/gjmh_20.png">
          <div>{$menu[1]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Scheme_list.html">
          <img src="/public/addon/pstyle/images/gjmh_22.png">
          <div>{$menu[2]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Product_list.html">
          <img src="/public/addon/pstyle/images/gfjmhk_03.png">
          <div>{$menu[3]['name']}</div>
        </a>
      </li>
      <li class="more_bt">
        <img src="/public/addon/pstyle/images/gjmh_25.png">
        <div>更多</div>
      </li>
      <div class="clear"></div>
    </ul>
    <!-- 点击出来的 -->
    <ul class="more">
      <li>
         <a href="__APP__/Stage/Phone/Case_list.html">
          <img src="/public/addon/pstyle/images/gfjmhk_07.png">
          <div>{$menu[4]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Serve.html">
         <img src="/public/addon/pstyle/img/2.png">
          <div>{$menu[5]['name']}</div>
        </a>
      </li>
    </ul>
    <script>
        $(function(){
          $('.more_bt').click(function(){
            $('.more').slideToggle(0);
          })
        })
    </script>
  </div>
  
  
  <!--结束  -->
     
</main>
    <script src="/public/addon/pstyle/js/slideout.js"></script>
    <script>
      window.onload = function() {
        var slideout = new Slideout({
          'panel': document.getElementById('panel'),
          'menu': document.getElementById('menu'),
          'side': 'right'
        });

        document.querySelector('.js-slideout-toggle').addEventListener('click', function() {
          slideout.toggle();
        });

        document.querySelector('.menu').addEventListener('click', function(eve) {
          if (eve.target.nodeName === 'A') { slideout.close(); }
        });
      };
    </script>
</body>
</html>
<script>
  (function(doc, win) {
        var docEl = doc.documentElement, //html
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 20 / 375 * clientWidth + "px";
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        //    DOMContentLoaded,就是当dom结构加载完毕就执行,比window.onload要快
    })(document, window);
</script>